<%@ page contentType="text/html;charset=UTF-8" language="java" %>

<%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %>
<%
    String path=request.getContextPath();
    String basePath=request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+"/";
%>
<html>

<head>
    <meta charset="UTF-8">
    <meta name="description" content="Sona Template">
    <meta name="keywords" content="Sona, unica, creative, html">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta name="keywords" content="君澜,君澜酒店,君澜度假,君澜大饭店,景澜,景澜酒店" />
    <meta name="description" content="君澜酒店是中国饭店集团10强和全球酒店集团40强。目前旗下主要拥有“君澜度假酒店”（各得其所的休闲生活模式酒店）、“君澜大饭店”（极具时代特征的休闲商务模式酒店）、“景澜酒店”（极具时代特征的多维社区生活模式酒店）三大品牌。" />

    <title>君澜酒店</title>

    <%-- icon图标 --%>
    <link href="https://www.naradahotels.com/favicon.ico" rel="shortcut icon">
    <!-- Css -->
    <link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
    <link rel="stylesheet" href="css/font-awesome.min.css" type="text/css">
    <link rel="stylesheet" href="css/elegant-icons.css" type="text/css">
    <link rel="stylesheet" href="css/flaticon.css" type="text/css">
    <link rel="stylesheet" href="css/owl.carousel.min.css" type="text/css">
    <link rel="stylesheet" href="css/nice-select.css" type="text/css">
    <link rel="stylesheet" href="css/jquery-ui.min.css" type="text/css">
    <link rel="stylesheet" href="css/magnific-popup.css" type="text/css">
    <link rel="stylesheet" href="css/slicknav.min.css" type="text/css">
    <link rel="stylesheet" href="css/style.css" type="text/css">
    <!-- 引入 layui.css -->
    <link rel="stylesheet" href="//unpkg.com/layui@2.6.8/dist/css/layui.css">

    <!-- 引入 layui.js -->
    <script src="//unpkg.com/layui@2.6.8/dist/layui.js"></script>
</head>

<body>
<!-- Page Preloder -->
<div id="preloder">
    <div class="loader"></div>
</div>


<!-- Header Section Begin -->
<jsp:include page="header.jsp" flush="true" />
<!-- Header End -->

<!-- Contact Section Begin -->
<section class="contact-section spad" style="margin-top: 80px">
    <div class="container">
        <div class="row">
            <div class="col-lg-4">
                <div class="contact-text">
                    <h2>联系方式</h2>
                    <p>君澜酒店
                        品牌愿景：
                        建立一个体现中国特色、赋予时代特征、极具品牌性格的酒店。
                        发展目标：
                        酒店管理、酒店资产经营和酒店品牌价值塑造并重。
                        品牌特质：
                        品质上，打造面向中产阶级服务的休闲生活品质载体、极具这个时代特征的品质生活模式的载体；
                        规模上，成为国内具有规模的、中国人自己塑造的、具有独特中国文化内涵的本土酒店；
                        布局上，完成对国内重要经济集聚区和独特资源禀赋度假地的布点，形成合理的酒店经营网络。
                    </p>
                    <table>
                        <tbody>
                        <tr>
                            <td class="c-o">地址:</td>
                            <td>重庆合川假日大道一号</td>
                        </tr>
                        <tr>
                            <td class="c-o">电话:</td>
                            <td>100-820-8888</td>
                        </tr>
                        <tr>
                            <td class="c-o">Email:</td>
                            <td>junlan.com</td>
                        </tr>
                        <tr>
                            <td class="c-o">Fax:</td>
                            <td>+(12) 345 67890</td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>

<%--            <div>--%>
<%--                <img src="img/contact/contact.jpg" alt="加载失败" style="height: 300px;width: 200px;">--%>
<%--                <img src="img/contact/contact.jpg" alt="加载失败" style="height: 300px;width: 200px;">--%>
<%--                <img src="img/contact/contact.jpg" alt="加载失败" style="height: 300px;width: 200px;">--%>
<%--                <img src="img/contact/contact.jpg" alt="加载失败" style="height: 300px;width: 200px;">--%>
<%--            </div>--%>
            <div class="col-lg-7 offset-lg-1">
                <form class="layui-form contact-form">
                    <div class="row">
                        <div class="col-lg-6">
                            <input type="text" name="username" placeholder="Name*">
                        </div>
                        <div class="col-lg-6">
                            <input type="text" name="email" placeholder="Email*">
                        </div>
                        <div class="col-lg-12">
                            <textarea name="remark" placeholder="Your Review"></textarea>
                            <button  lay-filter="add" lay-submit="">现在提交</button>
                        </div>
                    </div>
                </form>


            </div>
        </div>

    </div>
</section>
<!-- Contact Section End -->

<!-- Footer Section Begin -->
<jsp:include page="foot.jsp" flush="true" />
<!-- Footer Section End -->
<script>
    layui.use(['form','layer'], function(){
        $ = layui.jquery;
        var form = layui.form
            ,layer = layui.layer;
        //监听提交
        form.on('submit(add)', function(data){
            var data=data.field;
            $.ajax({
                url:"reserveWebServlet?flag=saveComment",
                type:"post",
                data:data,
                success:function(result){
                    if(result.code==0){
                        layer.msg("留言成功...")
                    }else{
                        //如果失败提示信息，不进行任何跳转
                        layer.msg("不好意思，留言失败...")
                    }
                }
            })
            return false;
        });
    });
</script>


<!-- Js Plugins -->
<script src="js/jquery-3.3.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/jquery.nice-select.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script src="js/jquery.slicknav.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/main.js"></script>
</body>

</html>